<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ice="http://ns.adobe.com/incontextediting">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta http-equiv="Content-Language" content="zh-CN" > 
<meta name="keywords" content="海外，圈子，华人，活动" >
<meta name="Description" content="来结实更多的朋友吧" >
<title>个人主页</title>
<link rel="shortcut icon" href="../images/logo_mini.png">

<link href="../style/style_lei.css" rel="stylesheet" type="text/css" />
<script src="includes/ice/ice.js" type="text/javascript"></script>
</head>

<body>
<div class="container">
<div class="banner">
      <div class="bannerunit">
      <!--units for banner-->
			<div class="bunits"><img src="picforwebsite/banner.jpg" width="222" height="68" alt="logo" /></div>
			<div class="bannerbutton">
			  <ul>
			    <li><a href="#">首页</a></li>
			    <li><a href="#">个人</a></li>
			    <li><a href="#">活动</a></li>
		      </ul>
			</div>
      </div>
  </div><!--The golaby color set-->
    
    <!--The banner-->
  		<div class="nav">
        <!--navgation and the sub-elements -->
        <div class="navbutton">
		  <div class="navphoto"></div>
    	 		 	<div class="navtext">发布活动</div></div>
       		<div class="navbutton">
            	  	<div class="navphoto"></div>
    	  			<div class="navtext">发表日志</div></div>
         	<div class="navbutton">
            	  	<div class="navphoto"></div>
    	  			<div class="navtext">发表图片</div></div>
   			<div class="navbutton">
        	  		<div class="navphoto"></div>
    	  			<div class="navtext">我的好友</div></div>
    		<div class="navbutton">
            	 	<div class="navphoto"></div>
    	  			<div class="navtext">我的分享</div></div>
    		<div class="navbutton">
            	 	<div class="navphoto"></div>
    	 			<div class="navtext">我的资料</div></div>
    </div>
  <div class="profile">
    <!--profile page, in the center-->
  	  	<div class="photo">
        <!--area contain photo and the info -->
  	  	 	<div class="pictext">
          <!--photo and the credits-->
  	  	  		<div class="pphoto"><img src="./picforwebsite/photo.jpg" width="150" height="150" alt="photo" /></div> 	  	  
  	  			<div class="credit"><img src="./picforwebsite/huashengli.jpg" width="30" height="32" alt="huashengli" /><img src="./picforwebsite/huashengli.jpg" width="30" height="32" alt="huashengli" /><img src="./picforwebsite/huashengli.jpg" width="30" height="32" alt="huashengli" /><img src="./picforwebsite/huashengli.jpg" width="30" height="32" alt="huashengli" /></div>
  	  		</div>
  	  	  	<div class="pinfo">
              	<div class="upinfo">
               		状态:
			  测试而已哈哈哈哈</div>
  	  	   		<div class="upinfo">勒布朗 詹姆斯</div>
          		<div class="upinfo">大学：没上过</div>
          		<div class="upinfo">年龄： 28岁</div>
          		<div class="upinfo">状态：单身</div>
          		<div class="upinfo">活动范围：迈阿密</div>
          		<div class="upinfo">兴趣爱好：篮球</div>
        	</div>
       	<div class="sep"></div><!--element for section -->
          <div class="statis"><!--describe the statistic area--><!--just a space for display -->
          		<div class="ustatis">
           			<div class="nstatis">12</div>
					<div class="acttext">花生米</div></div> 
            	<div class="ustatis">
              		<div class="nstatis">22</div>
    	 			<div class="acttext">发起活动</div></div> 
         		<div class="ustatis"> 
           			<div class="nstatis">15</div>
    	  			<div class="acttext">参与活动</div></div>
           		<div class="ustatis"> 
            		<div class="nstatis">5</div>
    	  			<div class="acttext">爽约</div></div> 
          		<div class="ustatis"> 
          			<div class="nstatis">53</div>
    	  			<div class="acttext">靠谱认证</div></div>
       	  </div>
	  </div>
  	  <div class="sep"></div>
			<div class="actnev"><!--container for the activities -->
        		<div class="uact">
		    		<div class="actpic"><img src="./picforwebsite/Slam-Dunk.jpeg" width="100" height="100" alt="slum" /></div>
             		<div class="actinfo">
            		<div class="actdes">推荐指数：8</div>
               		<div class="actdes">名称： 篮球</div>
               		<div class="actdes">l地点：迈阿密</div>
              		<div class="actdes">时间： 8p:00m</div>
               		<div class="actdes">参与人数： 10</div>
            	</div>
	        	<div class="actstatis"><p>已报名： 5</p> <p>待报名 : 5</p></div>
		  		</div>
                <div class="uact"></div>
                <div class="uact"></div>        
   	  </div>	
	 	<div class="sep"></div>  	
	  		<div class="blog">
            <div class="pphotos"><img src="./picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" />
  	    	  <div class="pname">韦德</div>
  	    	</div>
            <div class="blogright">
              <div class="blogtitle">终于赢球了</div>
	  		  <div class="blogcontent">
	  		    <p>鼓舞士气啊</p>
	  		  </div>
              <div class="blogtitle">02:50 pm 05/20/2012
                <ul>
                  <li><a href="#">分享</a></li>
                  <li><a href="#">回复</a></li>
                  <li><a href="#">喜欢</a></li>
                </ul>
              </div>
              <div class="blogreply">
                <div class="blogreplyinfo"><img src="./picforwebsite/Dwyane-Wade.jpg" width="50" height="50" alt="wade" />
                <div class="pname">韦德</div></div>	  		  <div class="blogcontent">
	  		    <p>今天要赢球</p>
	  		    <p>hahasdf</p>
	  		  </div>

              </div>
              <div class="blogtitle">02:50 pm 05/20/2012 分享 回复 喜欢</div>
              <div class="blogreply">
                <div class="blogreplyinfo"><img src="./picforwebsite/Dwyane-Wade.jpg" width="50" height="50" alt="wade" />
                <div class="pname">韦德</div></div>	  		  <div class="blogcontent">
	  		    <p>今天要赢球</p>
	  		    <p>hahasdf</p>
	  		  </div>

              </div>
              <div class="blogtitle">02:50 pm 05/20/2012 分享 回复 喜欢</div> 
              
              <div class="blogtitle" ice:editable="*"></div>
            </div>
	  </div>   	 	
            <div class="sep"></div>  	
	  		   <div class="blog">
            <div class="pphotos"><img src="./picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" />
  	    	  <div class="pname">韦德</div>
  	    	</div>
            <div class="blogright">
              <div class="blogtitle">终于赢球了</div>
	  		  <div class="blogcontent">
	  		    <p>鼓舞士气啊</p>
	  		  </div>
              <div class="blogtitle">02:50 pm 05/20/2012 分享 回复 喜欢</div>
              <div class="blogreply">
                <div class="blogreplyinfo"><img src="./picforwebsite/Dwyane-Wade.jpg" width="50" height="50" alt="wade" />
                <div class="pname">韦德</div></div>	  		  <div class="blogcontent">
	  		    <p>今天要赢球</p>
	  		    <p>hahasdf</p>
	  		  </div>

              </div>
              <div class="blogtitle">02:50 pm 05/20/2012 分享 回复 喜欢</div>
              <div class="blogreply">
                <div class="blogreplyinfo"><img src="./picforwebsite/Dwyane-Wade.jpg" width="50" height="50" alt="wade" />
                <div class="pname">韦德</div></div>	  		  <div class="blogcontent">
	  		    <p>今天要赢球</p>
	  		    <p>hahasdf</p>
	  		  </div>

              </div>
              <div class="blogtitle">02:50 pm 05/20/2012 分享 回复 喜欢</div>
            </div>
	  </div>
 	<div class="sep"></div>
  </div>
  		<div class="right">
  	 		<div class="rightspace">推荐好友</div>
  	  		<div class="recomm">
  	    	<div class="pphotos"><img src="./picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" />
  	    	  <div class="pname">韦德</div>
  	    	</div>
  	    	<div class="pphotos"><img src="./picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" />
  	    	  <div class="pname">韦德</div>
  	    	</div>
            <div class="pphotos"><img src="./picforwebsite/Dwyane-Wade.jpg" width="80" height="80" alt="wade" />
  	    	  <div class="pname">韦德</div>
  	    	</div>
      	</div>  
      	<div class="rightspace">热门活动</div>
		<div class="rank1">
  			<div class="rankact">1 爬山</div>
    		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
      		<div class="rankact"></div>
		</div>
		<div class="rightspace">推荐活动</div>
			<div class="rank1">
  			<div class="rankact">1 爬山</div>
    		<div class="rankact"></div>
      		<div class="rankact"></div>
        	<div class="rankact"></div>
          	<div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
            <div class="rankact"></div>
     	</div>
  		</div>
  <div class="footer"> </div>
</div>1
</body>
</html>
